/* 
* @Author: anchen
* @Date:   2016-01-11 09:50:33
* @Last Modified by:   anchen
* @Last Modified time: 2016-01-19 16:33:30
*/
/*初始化代码*/
    a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video{
      margin: 0;
      padding: 0;
      border: 0;
      font: inherit;
      vertical-align: baseline;
      /*word-break:break-all;*/
      word-wrap:break-word;
  }
  input{
      white-space:nowrap;
  }
  input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  }
  *{
      background-repeat: no-repeat;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  ul,li,ol{
      list-style: none;
  }
  img{
      border: none;
      -webkit-tap-highlight-color:rgba(0,0,0,0);
  }
  html, body{
      height: 100%;
  }
  .content{
      min-height: 100%;
  }
 
 
  input,button{
      outline: none;
  }
/*初始化代码结束*/

/* 400 以下   400  -  480 一档  480 以上的是一档  */
@media (max-width:399px) {
    html{
        font-size: 15px;
    }
}
@media (min-width: 400px) and (max-width: 480px) {
    html{
        font-size: 20px;
    }
}
/* 最大档 */
@media (min-width: 481px) {
    html{
        font-size: 25px;
    }
}


body{ overflow-x: hidden; overflow:scroll; letter-spacing:0.12rem; background-color: #f3f3f3; height: 100%;}
/*.wrap{ max-width: 640px; min-width: 320px; margin-left: auto; margin-right: auto; position:relative;}*/
.row { /*横*/
display: -webkit-box; display: -webkit-flex; /* Safari */
display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; }
.row-wrap { /*横不换行*/
-webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.col { /*列*/
-webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; width: 100%; }
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -moz-box-flex: 0; -moz-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }

.col-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

.col-25 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-30 { -webkit-box-flex: 0; -webkit-flex: 0 0 30%; -moz-box-flex: 0; -moz-flex: 0 0 30%; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }

.col-33, .col-34 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; -moz-box-flex: 0; -moz-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }

.col-50 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-66, .col-67 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666%; -moz-box-flex: 0; -moz-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }

.col-75 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-80 { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -moz-box-flex: 0; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
.col-90 { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -moz-box-flex: 0; -moz-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }

/*头部*/
      .head{height:3.4rem;width: 100%;background-color: #000; position:relative;} 

      .head h1{ width: 20%;color:#fff; line-height: 3.4rem; display:inline-block;position:absolute;text-align: center; left:40%;}
/*左按钮*/
      .hea{width: 100px; height: 3.4rem; position:absolute; left:2%; background:url('../images/Button.gif') no-repeat center left;display:block; background-size: 14%;}
      
      .hea span{line-height: 3.5rem; margin-left:20px; color:#fff;}
/*右边按钮*/
      .Rbuttom{ height:100%;width:4rem; position:absolute;right:2%;}

      .Rbuttom div{ width: 0.7rem;height:0.7rem;background-color: #fff; display:inline-block;margin-top:40%; border-radius:50%; float:right; margin-left: 0.23rem; }
/*头部结束*/


/*导航*/
        nav{position:fixed; bottom:0px;  width: 100%; }

        .navColumn li{ display:inline-block; float:left; width:33.333333%;height:3.2rem; background-color: #84da47;line-height: 3.2rem;text-align: center; color:#fff;}

        .navColumn li a{width: 100%;height: 100%;color:#fff;}